<template>
  <div class="Home">
    <h1>This is an home page </h1>


    <el-button>占位</el-button>
    <el-button @click="back">goback</el-button>
    <el-button @click="handClick1">next About7</el-button>
    <el-button @click="back">goback</el-button>
    <el-button @click="handClick1">next About7</el-button>
    <el-button @click="back">goback</el-button>
    <el-button @click="handClick1">next About7</el-button>
    <el-button @click="back">goback</el-button>
    <el-button @click="handClick1">next About7</el-button>
    <el-button @click="back">goback</el-button>
    <el-button @click="handClick1">next About7</el-button>
    <el-button @click="back">goback</el-button>
    <el-button @click="handClick1">next About7</el-button>





  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {};
  },

  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    goTo(path) {
      this.$router.replace(path);
    },
    back (){
      this.$router.go(-1);
    },
    handClick1() {
      this.$router.push("About2");
    },
  }
};
</script>

<style scoped>
.el-col-12 {
  width: 15%;
}
</style>
